<?php
    include('inc/pages_head.php');
?>
<body>
<!--============================== Header =================================-->
<header>
  <div class="container_12">
    <h1><a class="logo" href="index.php"><img src="images/logo.png" alt="logo"  /></a></h1>
    <div class="nav_wrap">
      <div class="nav_wrap_inner">
        <div class="responsibe_block">
          <div class=
"responsibe_block_inner"> <a href="#" class="resp_navigation"></a> </div>
        </div>
        <nav class="main-menu">
          <ul class="sf-menu">
            <li><a href="index.php">Home</a>
              <ul>
                <li><a href="index.php">Home Page 1</a></li>
                <li class="last_item"><a href="index2.php">Home Page 2</a></li>
              </ul>
            </li>
            <li><a href="about.php">About Us</a></li>
            <li><a href="services.php">Services</a></li>
            <li><a href="#">Portfolio</a>
              <ul>
                <li><a href="portfolio4.php">Portfolio 4</a></li>
                <li><a href="portfolio3.php">Portfolio 3</a></li>
                <li><a href="portfolio2.php">Portfolio 2</a></li>
                <li class="last_item"><a href="portfolio_masonry.php">Portfolio Masnory</a></li>
              </ul>
            </li>
            <li class="current"><a href="blog.php">Blog</a></li>
            <li class="last"><a href="contacts.php">Contact</a></li>
          </ul>
        </nav>
      </div>
    </div>
    <div class="clear"></div>
  </div>
</header>
<!-- ======================== Page Title =========================== -->
<div class="wrapper pagetitle">
  <div class="container_12">
    <article class="grid_9">
      <h1 class="font_heading02"><span class="color_white">Our Blog</span> </h1>
      <p><span class="color_gray"><a href="index.php">home</a> &rarr; blog</span> </p>
    </article>
    <article class="grid_1 last-col" style="float:right;">
      <form method="get" id="searchform" action="#">
        <div class="bgsearch">
          <input type="text" name="s" id="s2" value="Site Search..." onFocus="if (this.value == 'Site Search...')this.value = '';" onBlur="if (this.value == '')this.value = 'Site Search...';" />
          <input type="submit" class="searchbutton2" value="" />
        </div>
      </form>
    </article>
    <div class="brd" style="margin-top:3px;"></div>
  </div>
</div>
<!--============================== Content ================================-->
<section id="content" class="cont_pad"  style="background:none;">
  <div class="container_12">
    <article class="grid_8">
      <section class="post">
        <div class="postimg"><img src="images/blog/pic3_500x200.jpg" width="600" class="pic2" alt=""  /></div>
        <div class="entry-date">
          <div class="posttime">
            <h1>07</h1>
            <h3>Oct 2012</h3>
          </div>
          <div class="entry-utility"><a href="#"> <img src="images/blog/icon1.png" alt=""> admin</a><br/>
            <a href="#"><img src="images/blog/icon2.png" alt=""> blog,event</a> <br/>
            <a href="#"><img src="images/blog/icon3.png" alt=""> 10 Comments</a></div>
        </div>
        <div class="entry-text">
          <h3 class="posttitle"><a href="blog_single.php">Nemo enim ipsam voluptatem quia voluptas</a></h3>
          <div class="entry-content">
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
            <a href="blog_single.php" class="more">read more</a> </div>
        </div>
      </section>
      <section class="post">
        <div class="postimg"><img src="images/blog/pic2_500x200.jpg" width="600" class="pic2" alt=""  /></div>
        <div class="entry-date">
          <div class="posttime">
            <h1>05</h1>
            <h3>Oct 2012</h3>
          </div>
          <div class="entry-utility"><a href="#"> <img src="images/blog/icon1.png" alt=""> admin</a><br/>
            <a href="#"><img src="images/blog/icon2.png" alt=""> blog,event</a> <br/>
            <a href="#"><img src="images/blog/icon3.png" alt=""> 10 Comments</a></div>
        </div>
        <div class="entry-text">
          <h3 class="posttitle"><a href="blog_single.php">Nemo enim ipsam voluptatem quia voluptas</a></h3>
          <div class="entry-content">
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
            <a href="blog_single.php" class="more">read more</a> </div>
        </div>
      </section>
      <section class="post">
        <div class="postimg"><img src="images/blog/pic1_500x200.jpg" width="600" class="pic2" alt=""  /></div>
        <div class="entry-date">
          <div class="posttime">
            <h1>03</h1>
            <h3>Oct 2012</h3>
          </div>
          <div class="entry-utility"><a href="#"> <img src="images/blog/icon1.png" alt=""> admin</a><br/>
            <a href="#"><img src="images/blog/icon2.png" alt=""> blog,event</a> <br/>
            <a href="#"><img src="images/blog/icon3.png" alt=""> 10 Comments</a></div>
        </div>
        <div class="entry-text">
          <h3 class="posttitle"><a href="blog_single.php">Nemo enim ipsam voluptatem quia voluptas</a></h3>
          <div class="entry-content">
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
            <a href="blog_single.php" class="more">read more</a> </div>
        </div>
      </section>
      <div class="wp-pagenavi"> <span class="pages">Page 1 of 5</span><span class="current">1</span><a href="#" class="page">2</a><a href="#" class="page">3</a> <a href="#" class="page">4</a><a href="#" class="page">5</a> </div>
    </article>
    <article class="grid_4 last-col">
      <aside id="sidebar">
        <ul>
          <li class="widget-container">
            <div class="heading_line">
              <h3 class="color_black font_heading ucase"><span>Recent Post</span></h3>
            </div>
            <ul class="rp-widget">
              <li> <img src="images/blog/thm1.jpg" alt="" class="f_left15 pic2"/>
                <p><a href="#">vero eos et accusamus et iusto odio dignissimos ducimus.</a></p>
                <span class="smalldate">October 08, 2012</span> <span class="clear"></span> </li>
              <li> <img src="images/blog/thm2.jpg" alt="" class="f_left15 pic2" />
                <p><a href="#">vero eos et accusamus et iusto odio dignissimos ducimus.</a></p>
                <span class="smalldate">October 07, 2012</span> <span class="clear"></span> </li>
              <li> <img src="images/blog/thm3.jpg" alt="" class="f_left15 pic2" />
                <p><a href="#">vero eos et accusamus et iusto odio dignissimos ducimus.</a></p>
                <span class="smalldate">October 05, 2012</span> <span class="clear"></span> </li>
            </ul>
          </li>
          <li class="widget-container">
            <div class="heading_line">
              <h3 class="color_black font_heading ucase"><span>Tags</span></h3>
            </div>
            <div class="tag-cloud"> <a title="Tag link" href="#">Web Design</a> <a title="Tag link" href="#">Graphic</a> <a title="Tag link" href="#">Wordpress</a> <a title="Tag link" href="#">Jquery</a> <a title="Tag link" href="#">HTML</a> <a title="Tag link" href="#">Advertising</a> <a title="Tag link" href="#">Responsive</a> <a title="Tag link" href="#">Branding</a> <a title="Tag link" href="#">Photography</a> </div>
          </li>
          <div class="clear"></div>
          <li class="widget-container">
            <div class="heading_line">
              <h3 class="color_black font_heading ucase"><span>Tab Widgets</span></h3>
            </div>
            <ul class="tabs-nav">
              <li class="active"><a href="#tab1">Tab 1</a></li>
              <li><a href="#tab2">Tab 2</a></li>
              <li><a href="#tab3">Tab 3</a></li>
            </ul>
            <!-- end .tabs-nav -->
            <div class="tabs-container" style="margin-top:-27px;">
              <div class="tab-content" id="tab1">
                <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. </p>
              </div>
              <!-- end #tab1 -->
              <div class="tab-content" id="tab2">
                <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. </p>
              </div>
              <!-- end #tab2 -->
              <div class="tab-content" id="tab3">
                <p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur.</p>
              </div>
              <!-- end #tab3 -->
            </div>
          </li>
          <li class="widget-container">
            <div class="heading_line">
              <h3 class="color_black font_heading ucase"><span>Categories</span></h3>
            </div>
            <ul>
              <li><a href="#">Clean</a></li>
              <li><a href="#">Portfolio</a></li>
              <li><a href="#">General</a></li>
              <li><a href="#">Video</a></li>
              <li><a href="#">Typography</a></li>
            </ul>
          </li>
          <li class="widget-container">
            <div class="heading_line">
              <h3 class="color_black font_heading ucase"><span>Text Widgets</span></h3>
            </div>
            <div class="textwidget">Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.</div>
          </li>
        </ul>
      </aside>
    </article>
  </div>
</section>
<!--============================== Footer =================================-->
<div class="wrapper bg_grey cont_pad2"  style="border-bottom:1px solid #222427;">
  <div class="brd" style="margin-top:-20px;"></div>
  <div class="container_12 cont_pad2">
    <article class="grid_3">
      <h3 class="color_white font_heading ucase">Who We Are </h3>
      <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
    </article>
    <article class="grid_3">
      <h3 class="color_white font_heading ucase">From the Blog</h3>
      <img src="images/blog/thm1.jpg" alt="" class="f_left15 pic">
      <p class="txt11"><a href="#">Vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.</a><br/>
        <span class="color_white txt10">08 Oct 2012</span></p>
      <div class="clear"></div>
      <img src="images/blog/thm2.jpg" alt="" class="f_left15 pic">
      <p class="txt11"><a href="#">Vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.</a><br/>
        <span class="color_white txt10">07 Oct 2012</span></p>
    </article>
    <article class="grid_3">
      <h3 class="color_white font_heading ucase">Latest Tweets</h3>
      <img src="images/tweets.png" alt="" class="f_left">
      <p class="txt11"><a href="#" class="color_green">@okatheme</a> Nemo enim ipsam voluptatem quia voluptas sit. <a href="#" class="color_green">http://okatheme.com</a>
      <div class="clear"></div>
      <span class="color_grey txt10 it" style="padding-left:48px;">posted 2 days ago</span>
      </p>
      <div class="clear" style="height:20px;"></div>
      <img src="images/tweets.png" alt="" class="f_left">
      <p class="txt11"><a href="#" class="color_green">@okatheme</a> Nemo enim ipsam voluptatem quia voluptas sit. <a href="#" class="color_green">http://okatheme.com</a>
      <div class="clear"></div>
      <span class="color_grey txt10 it" style="padding-left:48px;">posted 3 days ago</span>
      </p>
    </article>
    <article class="grid_3 last-col">
      <h3 class="color_white font_heading ucase ">Reach to Us</h3>
      <dl class="adress">
        <dd class="city">1234 St Abort Road,<br />
          London, GB 0045.<br />
          <br />
        </dd>
        <dd><span>Mobile:</span> +1 234 567 8900</dd>
        <dd><span>Telephone:</span> +1 234 567 8900</dd>
        <dd><span>FAX:</span> +1 234 567 8900</dd>
        <dd>E-mail: <a href="#">info@dummylink.com</a></dd>
      </dl>
    </article>
  </div>
  <a href="#" id="toTop"><img src="images/back-top.png" width="40" height="40" alt="Back to top" /></a> </div>
<div class="wrapper bg_black" style="position:relative; z-index:9;">
  <div class="container_12">
    <article class="grid_5 txt11" style="padding-top:9px;"> &nbsp;©&nbsp;  2012 <span class="color_green">Proma</span>. All Rights Reserved. </article>
    <article class="grid_5last-col">
      <div class="social"> <a href="#" title="Twitter"><img src="images/social/twitter.png" alt=""></a> <a href="#" title="Facebook"><img src="images/social/facebook.png" alt=""></a> <a href="#" title="Linkedin"><img src="images/social/linkedin.png" alt=""></a> <a href="#" title="Skype"><img src="images/social/skype.png" alt=""></a> <a href="#" title="RSS"><img src="images/social/rss.png" alt=""></a> </div>
    </article>
  </div>
</div>
<script type="text/javascript" src="js/custom.js"></script>
<script type="text/javascript" src="js/mobilenav.js"></script>
<script type="text/javascript" src="styleChanger/colorpicker/colorpicker.js"></script>
<script type="text/javascript" src="styleChanger/changer.js"></script>

<div id="stlChanger">
  <div class="blockChanger bgChanger"> <a href="#" class="chBut">&nbsp; </a>
    <div class="chBody">
      <div class="stBlock"> <span>Background</span>
      
      <div class=
"stBlock" style="padding-bottom:8px;">
      <div class="stBgs"> 
       
        <a href="images/bgs/02.jpg" class="bg_t"><img src="images/bgs/02_tumb.jpg" alt="" /></a>
        <a href="images/bgs/03.jpg" class="bg_t"><img src="images/bgs/03_tumb.jpg" alt="" /></a>
        <a href="images/bgs/04.jpg" class="bg_t"><img src="images/bgs/04_tumb.jpg" alt="" /></a>
        <a href="images/bgs/05.jpg" class="bg_t"><img src="images/bgs/05_tumb.jpg" alt="" /></a> 
        <a href="images/bgs/06.jpg" class="bg_t"><img src="images/bgs/06_tumb.jpg" alt="" /></a>
        <a href="images/bgs/07.jpg" class="bg_t"><img src="images/bgs/07_tumb.jpg" alt="" /></a>
        <a href="images/bgs/08.jpg"><img src="images/bgs/08_tumb.jpg" alt="" /></a>
        <a href="images/bgs/09.jpg"><img src="images/bgs/09_tumb.jpg" alt="" /></a>
         <a href="images/bgs/01.jpg"><img src="images/bgs/01_tumb.jpg" alt="" /></a>
       </div>
   </div>
      <div class="stBlock"> <span>Color scheme</span>
       
      </div>
      <div class="stBlock">
        <div class="hdrStBgs">
          <div class=
"hdrCols"> <span class="current" style="background-color:#8cbd2e;" title="8cbd2e">&nbsp; </span> 

<span style="background-color:#00bff3;" title="00bff3">&nbsp;</span> 
<span style="background-color:#ff9108;" title="ff9108">&nbsp;</span> 
<span style="background-color:#ff0f00;" title="ff0f00">&nbsp;</span>
<span style="background-color:#fcdf1f;" title="fcdf1f ">&nbsp;</span>
<span style="background-color:#ff197c;" title="ff197c">&nbsp;</span>
<span style="background-color:#a0e0a9;" title="a0e0a9">&nbsp;</span> 
<span style="background-color:#a020f0;" title="a020f0">&nbsp;</span> 
<span style="background-color:#e9c75c;" title="e9c75c">&nbsp;</span> 
<span style="background-color:#a6b8a1;" title="a6b8a1">&nbsp;</span>
<span style="background-color:#e1565c;" title="e1565c">&nbsp;</span> 
<span style="background-color:#a87c59;" title="a87c59">&nbsp;</span>
<span style="background-color:#2554c7;" title="2554c7">&nbsp;</span>
<span style="background-color:#1abfb1;" title="1abfb1">&nbsp;</span>
<span style="background-color:#ffb19a;" title="ffb19a">&nbsp;</span>
          
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!--ipt type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-7078796-5']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</scri-->
</body>
</html>
